<template>
    <div>

    </div>
</template>

<script>
// store响应式引用 需要结合computed

// store.$reset() 重置初始值

import { useCounterStore } from '../stores/home'
export default {
  setup() {
    const store = useCounterStore()
    return { store }
  },
  computed: {
    tripleCounter() {
      return store.counter * 3
    },
  },
}


// // 不使用 setup
// import { mapState } from 'pinia'
// import { useCounterStore } from '../stores/home'

// export default {
//   computed: {
//     // 允许访问组件内部的 this.counter
//     // 与从 store.counter 读取相同
//     ...mapState(useCounterStore, {
//       myOwnName: 'counter',
//       // 您还可以编写一个访问 store 的函数
//       double: store => store.counter * 2,
//       // 它可以正常读取“this”，但无法正常写入...
//       magicValue(store) {
//         return store.someGetter + this.counter + this.double
//       },
//     }),
//   },
// }
</script>

<style lang="scss" scoped>

</style>